html, body {
  position: relative;
  height: 100%;
  width:100%
}
body {
  background: #888888;
  background-image: url("../images/draw/bg.jpg");
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: auto 100%;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color:#000;
  margin: 0;
  padding: 0;
  text-align: center;
}

.transparent{
  opacity: 0;
}
.disp_hide{
  display: none;
}

.btn_draw{
  position: absolute;
  top:75%;
  left:50%;
  height:11%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  text-align : center;
  /*-webkit-animation: breath_apply 1.8s ease-in-out 0s infinite;*/
  /*animation: breath_apply 1.8s ease-in-out 0s infinite;*/
}
.img_draw{
  height:100%;
}
.img_proc{
  position: absolute;
  top:75%;
  left:50%;
  height:11%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  text-align : center;
}

.breath{
  -webkit-animation: breath 1.8s ease-in-out 0s infinite;
  animation: breath 1.8s ease-in-out 0s infinite;
}


@-webkit-keyframes breath{
  0%{-webkit-transform:scale(1,1)}
  40%{-webkit-transform:scale(0.85,0.85)}
  100%{-webkit-transform:scale(1,1)}
}
@keyframes breath{
  0%{transform:scale(1,1)}
  40%{transform:scale(0.85,0.85)}
  100%{transform:scale(1,1)}
}

@-webkit-keyframes breath2{
  0%{-webkit-transform:translate(-50%, -50%) scale(1,1)}
  40%{-webkit-transform:translate(-50%, -50%) scale(0.85,0.85)}
  100%{-webkit-transform:translate(-50%, -50%) scale(1,1)}
}
@keyframes breath2{
  0%{transform:translate(-50%, -50%) scale(1,1)}
  40%{transform:translate(-50%, -50%) scale(0.85,0.85)}
  100%{transform:translate(-50%, -50%) scale(1,1)}
}